﻿@charset "utf-8";
/* CSS Document */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.pace-inactive { display: none }
.pace .pace-progress { background: #22df80; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px }
.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #22df80, 0 0 5px #22df80; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px) }
.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #22df80; border-left-color: #22df80; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite }
@-webkit-keyframes pace-spinner { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes pace-spinner { 0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes pace-spinner { 0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes pace-spinner { 0% {
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes pace-spinner { 0% {
transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
transform:rotate(360deg);
transform:rotate(360deg)
}
}
body { margin: 0; padding: 0; color: #333; font-family: Microsoft Sans Serif, "微软雅黑"; font-size: 14px }
ul, li, form, div, dd, dl, dt { border: 0; margin: 0; padding: 0; list-style: none }
img { border: 0 }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 }
input, textarea, select { font-size: 12px }
.a-L { float: left }
.a-R { float: right }
.content_box { width: 1140px; height: auto; margin: 0 auto; clear: both }
.content_box_02 { width: 100%; height: 580px; overflow-y: scroll; padding: 10px 0; background: #eee }
a:link, a:visited { color: #333; text-decoration: none }
a:hover { color: #14634a; text-decoration: none }
.clear { clear: both; overflow: hidden; font-size: 0; height: 0; line-height: 0 }
.line5 { height: 5px }
.line10 { height: 10px }
.line20 { height: 20px }
.language { width: auto; line-height: 20px; font-size: 12px; height: auto; float: right; margin: 12px 0 0 0 }
.language li {  float: left; color: #FFF; margin: 0 10px 0 0 }
.language li a { color: #FFF }
.language li a:hover { display: block; background: #666; height: 20px }
.language li img { float: left; margin: 0 5px 0 0; padding: 3px }
.header_top { display: block; clear: none; background: #181818; height: 40px }
.logo { width: 363px; height: 95px; margin: 12px 0 }
.logo-R { width: auto; height: 95px; margin: 12px 0; float: right }
.logo-R li { text-align: right; margin: 0 0 5px 0 }
.logo-R .sidad { font-size: 24px; font-weight: bold; color: #214539 }
.logo-R .tel { font-size: 16px; font-weight: bold; color: #214539; line-height: 25px; height: 25px; background-image: url(../style/tel.gif); background-repeat: no-repeat; background-position: left top; padding-left: 34px }
.logo-R .tel span { color: #ff6701; font-size: 18px }
.logo-R .place { font-size: 12px; height: 15px; background-image: url(../style/place_ico.gif); background-repeat: no-repeat; background-position: left center; float: right }
.logo-R .place a { float: left; margin: 0 0 0 16px }
.nav { display: block; clear: both; background: #214539; height: 50px }
.nav ul { width: 1140px; margin: 0 auto; font-size: 16px; line-height: 50px; color: #FFF }
.nav ul li { width: 162px; float: left; text-align: center; font-weight: bold }
.nav ul li a { display: block; color: #FFF }
.nav ul li a:hover { display: block; color: #FFF; background: #14634a }
.nav ul li:hover .sub {
    display: block;
}
.nav ul li .on { display: block; color: #FFF }
.sub { width: 100%; position: absolute; z-index: 9; left: 0; top: 209px; box-shadow: 0px 20px 50px rgba(0,0,0,0.5); display: none }
.sub_bg { width: 100%; height: 180px; background: #FFF; position: absolute; left: 0; top: 0; z-index: 999999; filter: alpha(opacity=90); opacity: 0.9 }
.sub_nav { width: 1140px; margin: 0 auto; position: relative; z-index: 999999999; height: 170px }
.sub_nav .on { border-right: 1px; border-right-style: none }
.sub_nav .sub_nav_L { float: left; padding-right: 20px }
.sub_nav .sub_nav_R { float: left; width: 960px; text-align: left; background: #ccc }
.sub_nav { text-align: left }
.sub_nav b { background: #14634a; margin-top: 26px; display: inline-block; width: 161px; height: 50px; line-height: 50px; text-align: center }
.nav ul li .sub_nav a { float: left; color: #d8d8d8; width: 111px; line-height: 35px; margin: 5px 0; color: #000; padding-left: 50px; font-size: 14px; font-weight: normal; background: url(../style/sub_nav_ico.png) 27px center no-repeat }
.nav ul li .sub_nav a:hover { color: #333; text-decoration: underline }
.sub_nav_R span { float: left; width: 100%; overflow: hidden }
.nav ul li .sub_nav div { background: url(../style/navLine.png) center no-repeat; overflow: hidden; margin-top: 10px }
.i_banner { display: block; clear: both; background: #666; height: 560px }
.fullSlide { min-width: 1140px; position: relative; height: 560px; overflow: hidden }
.fullSlide .bigImg { position: relative; z-index: 0 }
.fullSlide .bigImg ul { width: 100% !important }
.fullSlide .bigImg li { width: 100% !important; height: 560px; overflow: hidden; text-align: center }
.banner_btn_bg { width: 100%; height: 112px; background: #000; opacity: .5; filter: alpha(opacity=50); bottom: 0; position: absolute; z-index: 1 }
.fullSlide .smallScroll { width: 100%; height: 112px; position: absolute; bottom: 0; z-index: 2 }
.bannerBtnC { text-align: center; width: 1150px; overflow: hidden; margin: 0 auto }
.fullSlide .smallImg { width: 1050px; overflow: hidden; float: left; margin-top: 15px }
.fullSlide .sPrev, .fullSlide .sNext { float: left; width: 14px; margin: 41px 18px; display: inline; opacity: .5; filter: alpha(opacity=50) }
.fullSlide .sPrev:hover, .fullSlide .sNext:hover { opacity: 1; filter: alpha(opacity=100) }
.fullSlide .smallImg ul { display: inline-block; text-align: center }
.fullSlide .smallImg ul li { margin: 0 5px; display: inline-block; cursor: pointer; text-align: center }
.fullSlide .smallImg ul li img { width: 136px; line-height: 41px; display: block; border: 2px solid #fff; filter: alpha(opacity=50); opacity: 0.5 }
.fullSlide .smallImg ul .on img { border-color: #FF8106; filter: alpha(opacity=100); opacity: 1 }
.fullSlide .bigImg .banner-box { background: #000; height: 180px; width: 430px; position: absolute; z-index: 0; padding: 25px; background: url(../style/png_bg.png); margin: 50px 0 0 0 }
.fullSlide .bigImg .banner-box .tit { line-height: 30px; font-size: 28px; color: #FFF; text-align: left; filter: alpha(opacity=100); opacity: 1; border-bottom: 3px #FFF solid; float: left; margin: 0 0 10px 0 }
.fullSlide .bigImg .banner-box p { line-height: 30px; font-size: 14px; color: #FFF; text-align: left; filter: alpha(opacity=100); opacity: 1; display: block; clear: both }
.fullSlide .bigImg .banner-box a { color: #FFF; text-align: center; filter: alpha(opacity=100); opacity: 1; display: block; clear: both; float: left; width: 150px; line-height: 50px; background: #14634a }
.fullSlide .bigImg .banner-box a:hover { color: #CF0; text-decoration: underline }
.i_about { display: block; clear: both; background-image: url(../style/i_about_bg.jpg); background-repeat: no-repeat; background-position: center top; height: 430px }
.i_about a { color: #FFF }
.i_about h3 { display: inline; font-size: 16px; color: #FFF; font-weight: normal }
.i_about a:hover { color: #FFF; text-decoration: underline }
.i_about .tit { width: 1140px; height: 48px; margin: 68px auto 0 auto; display: block }
.i_about .tit h2 { font-size: 28px; color: #FFF; line-height: 48px; text-align: center; font-weight: normal }
.i_about ul { width: 1140px; height: auto; margin: 0 auto; font-size: 16px; color: #FFF }
.i_about ul li { width: 1140px; height: auto; margin: 25px auto; font-size: 16px; color: #FFF; text-align: center }
.i_about ul li p { font-size: 14px; color: #FFF; text-indent: 2em; text-align: left; line-height: 30px }
.i_about .more { width: 178px; height: 43px; border: 1px #FFF solid; display: block; line-height: 45px; margin: 0 auto; font-size: 14px }
.advantage { width: 1140px; height: auto; margin: 0 auto }
.advantage ul { width: 1170px; height: 762px; background-image: url(../style/advantage_bg.gif); background-repeat: no-repeat; background-position: left top; overflow: hidden }
.advantage ul li { width: 360px; height: 303px; margin: 95px 30px 0 0; float: left }
.advantage ul li .tit_02 { display: block; clear: both; font-size: 18px; color: #14634a; text-align: center; font-weight: bold }
.advantage ul li p { display: block; clear: both; font-size: 12px; color: #000; text-align: center; padding: 0 15px; line-height: 24px; height: 24px }
.advantage ul li img { display: block; clear: both }
.i-pro { width: 1140px; height: auto; float: left; overflow: hidden }
.i-pro .tit { display: block; clear: both; font-size: 24px; text-align: center; color: #14634a; font-weight: normal; line-height: 70px }
.i-pro span hr { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; float: left }
.i-pro span { display: block; clear: both; font-size: 14px; line-height: 25px; height: 25px; background-image: url(../style/xt.gif); background-repeat: repeat-x; background-position: center center }
.i-pro span a { padding: 0 0 0 10px; background: #FFF; float: right; color: #888 }
.i-pro p { color: #555; text-align: center; margin-bottom: 0; padding-bottom: 0; line-height: 24px }
.i-pro ul { width: 1172px; height: auto; margin: 30px 0; float: left }
.i-pro ul li { width: 360px; height: auto; margin: 0 30px 20px 0; float: left }
.i-pro ul li img { width: 360px; float: left; height: 296px }
.i-pro ul li .tit { width: 360px; float: left; font-size: 14px; font-weight: bold; color: #214539; height: 24px; line-height: 30px; text-align: left }
.i-pro ul li a:hover .tit { text-decoration: underline }
.i-case { width: 1140px; height: auto; float: left; overflow: hidden }
.i-case .tit { display: block; clear: both; font-size: 24px; text-align: center; color: #14634a; font-weight: normal; line-height: 70px }
.i-case span hr { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; float: left }
.i-case span { display: block; clear: both; font-size: 14px; line-height: 20px; height: 20px; background-image: url(../style/xt.gif); background-repeat: repeat-x; background-position: center center }
.i-case span a { padding: 0 0 0 10px; background: #FFF; float: right; color: #888 }
.i-case p { display: block; clear: both; color: #555; text-align: center; margin: 0; padding: 0; margin-top: 10px; line-height: 24px }
.i-case .bd, .i-case .i-case-list { width: 1179px; height: auto; margin: 10px 0; float: left; position: relative; overflow: hidden }
.i-case-list ul { overflow: hidden }
.i-case ul li { width: 353px; height: auto; margin: 20px 40px 20px 0; float: left; background: #f6f6f6; border-bottom: 3px #ddd solid }
.i-case ul li:hover { width: 353px; height: auto; margin: 20px 40px 20px 0; float: left; background: #f6f6f6; border-bottom: 3px #214539 solid }
.i-case ul li img { width: 353px; float: left; height: 290px }
.i-case ul li .tit { display: block; clear: both; font-size: 16px; color: #14634a; height: 24px; line-height: 30px; text-align: left; padding: 10px 20px 5px 20px; font-weight: bold }
.i-case ul li .tit:hover { font-weight: bold; text-decoration: underline }
.i-case ul li p { display: block; clear: both; font-size: 12px; color: #666; line-height: 20px; text-align: left; padding: 0 20px; height: auto;    height: 44px; }
.i-case ul li span { display: block; clear: both; height: 44px; border-top: 1px #ddd solid; padding: 0 20px; background-image: none }
.i-case ul li .tit_02 { width: auto; font-weight: normal; line-height: 44px; padding: 0 20px; background-image: url(../style/i-case-h2.gif); background-repeat: no-repeat; background-position: left center; color: #777; font-size: 12px }
.i-case ul li span s { width: auto; line-height: 44px; background-image: url(../style/i-case-mave.gif); background-repeat: no-repeat; background-position: right center; color: #14634a; font-size: 12px; text-decoration: none; float: right; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 0 }
.i-case .prev, .i-case .next { position: absolute; top: 100px; left: 0; z-index: 9; cursor: pointer; display: none }
.i-case .next { left: auto; right: 40px }
.i-news { width: 1140px; height: auto; float: left; overflow: hidden }
.i-news .iTime { float: right }
.i-news .tit { display: block; clear: both; font-size: 24px; text-align: center; color: #14634a; font-weight: normal; line-height: 40px }
.i-news span hr { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; float: left }
.i-news span { display: block; clear: both; font-size: 14px; line-height: 25px; height: 25px; background-image: url(../style/xt.gif); background-repeat: repeat-x; background-position: center center }
.i-news dl { width: 1140px; height: auto; float: left; margin: 25px 0 0 0 }
.i-news dl dd { width: 400px; height: auto; float: left }
.i-news dl dt { width: 705px; height: 370px; float: left; margin: 0 35px 0 0 }
.i-news dl dd .tit { display: block; clear: both; font-size: 20px; text-align: left }
.i-news dl dd .tit a { float: right; font-size: 14px; color: #888 }
.i-news dl dd ul { display: block; clear: both; margin: 0; padding: 0 }
.i-news dl dd ul img { display: block; clear: both; float: left }
.i-news dl dd ul li { width: 380px; display: block; clear: both; float: left; line-height: 25px; margin: 5px 0 0 0; padding: 0 0 0 20px; background-image: url(../style/list-ico.gif); background-repeat: no-repeat; background-position: left center }
.i-news dl dd ul li a { clear: both }
.i-kf { width: 1140px; height: auto; float: left; overflow: hidden }
.i-kf .tit { display: block; clear: both; font-size: 24px; text-align: center; color: #14634a; font-weight: normal; line-height: 70px }
.i-kf span hr { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; float: left }
.i-kf span { display: block; clear: both; font-size: 14px; line-height: 25px; height: 25px; background-image: url(../style/xt.gif); background-repeat: repeat-x; background-position: center center }
.footer { display: block; clear: both; background-color: #214a3c; background-image: url(../style/footer_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-bottom: 20px }
.footer .subNav dd { width: 472px; height: auto; float: left; margin: 0 88px 0 0; color: #FFF }
.footer .subNav ul { overflow: hidden; margin-bottom: 10px }
.footer .subNav dd h2 { display: block; clear: both; font-size: 16px; line-height: 30px }
.footer .subNav dd li { width: 118px; line-height: 26px; float: left; font-size: 12px }
.footer .subNav dd li a { color: #FFF }
.footer .subNav dd li a:hover { color: #CF0 }
.footer .subNav dt { width: 580px; height: auto; float: left }
.footer .subNav dt .tel { background-image: url(../style/tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 36px; float: left; font-size: 18px; font-weight: bold; color: #FFF; margin: 0 25px 0 0; line-height: 28px }
.footer .subNav dt .mail { background-image: url(../style/mial.png); background-repeat: no-repeat; background-position: left center; padding-left: 36px; float: left; font-size: 18px; font-weight: bold; color: #FFF; margin: 0 25px 0 0; line-height: 28px }
.footer .subNav dt .mail a { color: #FFF; }
.footer .subNav dt .share { font-size: 12px; color: #FFF; line-height: 28px }
.footer .subNav dt .tips { background-image: url(../style/tips.png); background-repeat: no-repeat; background-position: left center; padding-left: 36px; float: left; font-size: 18px; font-weight: bold; color: #FFF; margin: 0 25px 8px 0; line-height: 28px }
.footer .subNav dt .i-from { display: block; clear: both }
.footer .subNav dt .i-from input { width: 170px; padding: 5px; float: left; border: 1px #256954 solid; background: #1e4438; margin: 0 5px 0 0; color: #FFF }
.footer .subNav dt .i-from textarea { width: 545px; max-width: 545px; min-width: 545px; height: 50px; max-height: 50px; min-width: 50px; padding: 5px; float: left; border: 1px #256954 solid; background: #1e4438; margin: 0 5px 0 0; color: #FFF; margin: 5px 0 5px 0 }
.footer .subNav dt .i-from placeholder { color: #FFF }
.footer .subNav dt .i-from button { width: 100px; height: 35px; line-height: 35px; text-align: center; color: #FFF; background: #056a4a; font: 12px bold; border: 0; cursor: pointer; float: left; margin: 0 0 0 5px }
.footer .subNav dt .i-from a { height: 34px; width: 70px; display: inline; overflow: hidden; float: left }
.footer .bottom { border-bottom: 1px solid #6e8880; height: 55px; display: block; clear: both; padding: 50px 0; color: #69847b; font-size: 12px; overflow: hidden }
.footer .bottom .tit { font-size: 16px; font-weight: normal; display: block; color: #FFF; margin: 5px 0 }
.footer .bottom span { margin: 0 30px 0 0 }
.footer .bottom span a { color: #FFF }
.footer .bottom .on { margin: 0 }
.footer .link { color: #bfd1cc; line-height: 28px; font-size: 12px; margin: 5px 0 0 0 }
.footer .link a { display: inline-block; color: #bfd1cc; margin: 0 10px }
.footer .link a:hover { color: #CF0 }
.copyRight { display: block; clear: both; height: 50px; background: #1b3c31; color: #FFF; line-height: 50px }
.copyRight a { color: #FFF }
.copyRight span { width: 50px; height: 50px; float: right; background: url(../style/backTOP.gif) }
.copyRight span a { display: block; clear: both }
.ny_banner { display: block; clear: both; background-repeat: no-repeat; background-position: center center; height: 230px }
.dz { }
.dz .tit { font-size: 24px; color: #FFF; font-weight: normal }
.dz div { font-size: 14px; color: #FFF; font-weight: normal; background-image: url(../style/dz-ico.png); background-repeat: no-repeat; background-position: 20px center; padding-left: 40px }
.dz div s { font-size: 14px; width: 24px; background-image: url(../style/dz2-ico.png); background-repeat: no-repeat; background-position: center center }
.box_bg { width: 100%; background: #f6f6f6; padding: 10px 0 30px 0; overflow: hidden }
.banner { width: 100%; height: 230px }
.banner div.dz_01 b h1 { font-size: 24px; position: absolute; top: 75px; color: #fff; font-weight: normal }
.banner div.dz_01 dl { background: url(../style/bannerBg.png); width: 1140px; height: 42px; position: absolute; top: 135px }
.banner div.dz_01 dl * { line-height: 42px; float: left; color: #fff }
.banner div.dz_01 dl dt { padding: 0 10px 0 40px; background: url(../style/dz-ico.png) 15px center no-repeat }
.banner div.dz_01 dl dd { padding: 0 10px 0 15px; background: url(../style/dz2-ico.png) left center no-repeat }
.banner div.dz_01 { position: relative; width: 1140px; height: 230px; margin: 0 auto }
.banner div.dz_02 b h1 { font-size: 24px; position: absolute; bottom: 0; color: #fff; font-weight: normal; width: 225px; border-bottom: solid 4px #c82126; background: #14634a; height: 60px; line-height: 60px; text-align: center }
.banner div.dz_02 dl { background: url(../style/bannerBg_02.png); width: 1140px; height: 42px; position: absolute; top: 85px }
.banner div.dz_02 dl * { line-height: 42px; float: left; color: #555 }
.banner div.dz_02 dl dt { padding: 0 10px 0 40px; background: url(../style/dz-ico_02.png) 15px center no-repeat }
.banner div.dz_02 dl dd { padding: 0 10px 0 15px; background: url(../style/dz2-ico_02.png) left center no-repeat }
.banner div.dz_02 { position: relative; width: 1140px; height: 230px; margin: 0 auto }
.banner div.dz_02 dl dd:nth-last-child(1) a { color: #14634a }
.smBox { color: #555; width: 1140px; padding: 25px 0; margin: 0 auto; line-height: 24px; border-bottom: solid 1px #e6e6e6 }
.smBox2 { color: #555; width: 1140px; padding: 50px 0; margin: 0 auto; line-height: 24px; border-bottom: solid 1px #e6e6e6 }
.proBgT { background: url(../style/proBg_t.jpg) center top no-repeat; padding-top: 1px; margin-bottom: 80px }
.proBgB { background: url(../style/proBg_b.jpg) center bottom no-repeat }
.proBgC { background: url(../style/proBg_c.jpg) center top repeat-y }
.menuBox { float: left; width: 223px }
.menuBox li { width: 223px; height: 60px; line-height: 60px; background: url(../style/proMenuBtn.jpg); border-bottom: solid 1px #d5d5d5 }
.menuBox h2 { font-size: 14px; font-weight: normal }
.menuBox li.on a { color: #c82126 }
.menuBox li.on, .menuBox li:hover { background: url(../style/proMenuOn.jpg) }
.menuBox li a { width: 203px; padding-left: 20px; display: block; height: 60px }
.menuBox li a:hover { color: #c82126 }
.content_R { float: right; width: 890px }
.cpsx { background: #f3f3f3; border: solid 1px #e6e6e6; border-bottom: none }
.cpsxTit { padding: 15px; color: #14634a; font-size: 18px; font-weight: bold; border-bottom: solid 1px #e6e6e6 }
.cpsx dl { padding: 5px 15px; overflow: hidden; border-bottom: solid 1px #e6e6e6 }
.cpsx dt { color: #14634a; width: 50px; float: left; margin: 10px 0 }
.cpsx dd { float: left; width: 808px }
.cpsx dd a { padding-left: 20px; background: url(../style/cpsxBtn.jpg) 5px center no-repeat; margin: 10px 25px 10px 0; display: inline-block; color: #333 }
.cpsx dd a:hover, .cpsx dd a.on { color: #333; background: url(../style/cpsxBtnOn.jpg) 5px center no-repeat }
.cpsx dl.hide { display: none }
.cpsxOk dl.hide { display: block }
.cpMore { text-align: center }
.cpMore { margin-top: 2px }
.cpMore span { color: #f3f3f3; color: #777; background: #f3f3f3 url(../style/moreIco_01.jpg) 30px center no-repeat; padding: 5px 30px 5px 50px; border: solid 1px #e6e6e6; border-top: none; cursor: pointer }
.cpsxOk .cpMore span { background: #f3f3f3 url(../style/moreIco_02.jpg) 30px center no-repeat }
.cpsx_02 { width: 100%; margin-top: 50px; color: #555; font-size: 14px }
.searchInp { background: url(../style/proSearchIco.jpg) 9px center no-repeat; padding: 5px 10px 5px 35px; border: solid 1px #c7c7c7; line-height: 23px; height: 23px; width: 190px; float: left; margin-left: 3px; display: inline }
.searchBtn { width: 80px; height: 35px; line-height: 35px; border: none; float: left; margin-left: 10px; display: inline; background: #14634a; color: #fff; font-size: 14px; font-family: "微软雅黑" }
.searchBox span { line-height: 35px; float: left }
.cpsx_02 { overflow: hidden }
.showBox { float: right }
.showBox span { float: left; line-height: 35px }
.showList { float: left; height: 33px; line-height: 33px; width: 90px }
.proListStyle_01 { background: url(../style/proListStyle_01.jpg) center center no-repeat; width: 35px; height: 35px; float: left; margin-left: 15px; display: inline }
.proListStyle_02 { background: url(../style/proListStyle_02.jpg) center center no-repeat; width: 35px; height: 35px; float: left; margin-left: 5px; display: inline }
.proList { width: 921px }
.proList ul { width: 100%; overflow: hidden; padding: 45px 0 }
.proList li { width: 276px; float: left; margin-right: 31px; display: inline; padding-bottom: 20px; transition: .15s }
.proList li h3 { font-weight: bold; font-size: 14px; line-height: 40px; display: block }
.proList li p { display: none }
.proList li a { color: #214539 }
.proList li a:hover { color: #333 }
.proList li img { width: 276px; height: 98px }
div.pages { TEXT-ALIGN: center; width: 100% }
div.pages a { TEXT-DECORATION: none; background: #fff; border: 1px solid #dcdcdc; padding: 4px 9px; margin: 0 2px 5px 2px; color: #555; font-size: 12px; display: inline-block; line-height: 20px; font-weight: bold }
div.pages a:hover { background: #14634a; color: #fff; border: 1px solid #14634a; padding: 4px 9px; margin: 0 2px }
div.pages a:active { background: #14634a; padding: 4px 9px; border: 1px solid #14634a; margin: 0 2px; color: #fff }
div.pages span.current { TEXT-DECORATION: none; background: #14634a; border: 1px solid #14634a; padding: 4px 9px; margin: 0 2px 5px 2px; color: #fff; font-size: 12px; display: inline-block; line-height: 20px; font-weight: bold }
div.pages SPAN.disabled { background: #14634a; border: 1px solid #14634a; padding: 4px 10px; margin: 0 2px; color: #fff }
.proListStyle .proList { width: 100% }
.proListStyle .proList ul { width: 100%; overflow: hidden; padding: 25px 0 }
.proListStyle .proList li { width: 100%; float: left; margin-right: 0; display: inline; padding: 20px 0; border-bottom: solid 1px #e6e6e6 }
.proListStyle .proList li img { float: left; padding-right: 15px }
.proListStyle .proList li b { font-weight: bold; font-size: 14px; line-height: 24px; display: table }
.proListStyle .proList li p { display: table; line-height: 20px; font-size: 12px; margin: 0; padding: 0; color: #666; height: 90px }
.proListStyle .porList li a { color: #214539 }
.proListStyle .proList li a:hover { color: #333 }
.xptjBox { border-top: solid 1px #e6e6e6 }
.xptjTit { font-size: 16px; padding: 25px 0 20px 0; color: #555 }
.xptjBox ul { width: 1152px }
.xptjBox li { float: left; width: 276px; margin-right: 12px }
.xptjBox li b { font-weight: bold; font-size: 14px; color: #214539; line-height: 30px; display: block }
.xptjBox li a { color: #214539 }
.xptjBox li a:hover { color: #c82126 }
.cpzsBox { border-bottom: solid 1px #e6e6e6; overflow: hidden }
.cpzsMenu { padding-top: 40px; padding-bottom: 25px; overflow: hidden; float: left }
.cpzsMenu li { float: left; padding-right: 10px }
.cpzsMenu a { width: 120px; height: 35px; line-height: 35px; display: block; text-align: center; background: #e1e1e1; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.technologyhd { overflow: hidden; margin-bottom: 10px }
.technologyhd li { float: left; padding: 0 10px 10px 0 }
.technologyhd a { width: auto; padding: 0 10px; height: 35px; line-height: 35px; display: block; text-align: center; background: #e1e1e1; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.technologyhd a:hover, .technologyhd a.on { background: #14634a; color: #fff }
.cpzsMenu a:hover, .cpzsMenu a.on { background: #14634a; color: #fff }
.cpzsR { float:left; margin-left:230px; }
.cpzsR a {
line-height:30px color: #222; display: inline-block }
.cpyyal { padding-right: 5px; float: left; margin-left:0px; background-color:#CCC}
.cpyyal a { background: url(../style/cpyyalBtn.png) 30px center no-repeat; padding-left: 28px; line-height: 50px; width:250px; text-align:center; font-size:20px; }
.zxlyxj { float:left; margin-right:100px }  
.zxlyxj a { background: url(../style/zxlyxjBtn.png) 350px center no-repeat #14634a; font-size:22px; line-height: 45px; color: #FFF; height: 45px; width:950px; text-align:center; display: block; border-radius: 3px}
.zxlyxj-product { padding-left: 5px;  float: right; margin-left:100px;  }  
.zxlyxj-product a { background: url(../style/zxlyxjBtn.png) 25px center no-repeat #14634a; font-size:20px; line-height: 50px; color: #FFF; font-weight: bold; height: 50px; width:280px; text-align:center; display: block; border-radius: 3px;}
.cpzsR a:hover { color: #ffff }
.proPicList { overflow: hidden; margin-top: 30px; overflow: hidden }
.proPicList .bigImg { background: url(../style/proPicBg.jpg) center top no-repeat; overflow: hidden; float: left; width: 968px; height: 597px; overflow: hidden }
.proPicList .bigImg li { padding: 15px 18px 22px 15px; width: 935px; height: 560px }
.proPicList .bigImg img { width: 935px; height: 560px }
.proPicList .bPrev { float: left; background: url(../style/proPrev.jpg) center center no-repeat; width: 32px; height: 48px; margin: 280px 27px 0 27px }
.proPicList .bNext { float: left; background: url(../style/proNext.jpg) center center no-repeat; width: 32px; height: 48px; margin: 280px 27px 0 27px }
.proPicList .smallScroll { width: 988px; margin: 0 auto; overflow: hidden; padding-top: 10px; padding-bottom: 40px }
.proPicList .smallImg { width: 924px; overflow: hidden; float: left }
.proPicList .smallImg li { float: left; margin: 0 6px; border: solid 1px #14634a; width: 118px; height: 78px }
.proPicList .smallImg img { width: 118px; height: 78px; display: block }
.proPicList .sPrev { background: url(../style/proPrev_02.jpg); width: 32px; height: 80px; float: left }
.proPicList .sNext { background: url(../style/proNext_02.jpg); width: 32px; height: 80px; float: left }
.proPicList .smallImg .on { border: solid 1px #c82126 }
.cpsmTit { color: #14634a; font-size: 16px; line-height: 60px; border-bottom: solid 1px #e6e6e6; width:1100px }
.cpsm { line-height: 28px; float:left; padding:30px; margin-top:20px; margin-left:-10px}
.cpsm p { padding: 25px 0; margin: 0; color: #333; line-height: 28px }
.qjdhTit { color: #555; font-size: 16px; line-height: 60px }
.qjdh p { padding: 0 0 25px 0; margin: 0; color: #333; line-height: 28px }
.xgcpBox { border-top: solid 1px #e6e6e6 }
.xgcpTit { font-size: 16px; padding: 25px 0 20px 0; color: #555 }
.xgcpBox ul { width: 1189px }
.xgcpBox li { float: left; width: 347px; margin-right: 49px }
.xgcpBox li b { font-weight: bold; font-size: 14px; color: #214539; line-height: 30px; padding-top: 10px; display: block }
.xgcpBox li a { color: #214539 }
.xgcpBox li a:hover { color: #c82126 }
.yyanMenu { }
.yyanMenu dt { font-weight: bold; font-size: 18px; color: #14634a; float: left; line-height: 36px; height: 20pxt}
.yyanMenu dd { display: table; line-height: 20px; height: 36px}
.yyanMenu dd a { margin: 0 20px 0 10px; line-height: 36px; display: inline-block }
.yyanMenu dd a:hover, .yyanMenu .on { color: #14634a }
.yyanMenu h2 { line-height: 36px; font-size: 14px; font-weight: normal }
.yyanMenu .on { font-weight: bold }
.rspfT { height: 20px; width: 1120px; padding: 10px; background: #14634a; line-height: 20px; overflow: hidden; color: #fff; font-size: 18px }
.rspfT span { float: right }
.rspfB p { font-size: 12px; width: 940px; float: left; line-height: 24px }
.rspfB p span { display: block }
.rspfB p a { color: #ff6701; margin-top: 5px; display: inline-block }
.rspfB div { float: right; width: 170px }
a.zxlyxjBtn { width: 148px; height: 43px; padding-left: 20px; line-height: 43px; display: block; border: solid 1px #e4e4e4; background: #f2f2f2 url(../style/zxlyxjBtn.jpg)25px center no-repeat; text-align: center; margin-top: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.rspfB div span { display: block; text-align: center; color: #777; font-size: 12px; margin-top: 10px }
.rspfBox li { padding-bottom: 15px; overflow: hidden }
.spkT { width: 100%; overflow: hidden; height: 428px }
.spkT .vidB { float: left; width: 643px }
.spkT .vidB .vidPic { width: 643px; height: 349px; position: relative }
.spkT .vidB p { width: 623px; height: 60px; background: #f7f7f7; padding: 10px; margin: 0 }
.spkT .vidB p b { display: inline-block; color: #14634a; font-size: 18px; line-height: 20px; padding: 0 30px 2px 0; background: url(../style/vidPlayIco_03.png)right center no-repeat }
.spkT .vidB p span { display: block; color: #555; padding-top: 8px }
.spkT .vidB .vidPic div { background: #000; opacity: .5; width: 643px; height: 349px; position: absolute; left: 0; top: 0; z-index: 9; filter: alpha(opacity=50); display: none }
.spkT .vidB .vidPic span { width: 643px; height: 349px; position: absolute; left: 0; top: 0; z-index: 99; background: url(../style/vidPlayIco.png) center center no-repeat; display: none }
.spkT .spkTR { float: right; width: 480px; height: 130px; margin-bottom: 19px }
.spkT .vidS .vidPic { width: 180px; height: 130px; position: relative; float: left }
.spkT .vidS p { width: 270px; height: 110px; background: #f7f7f7; padding: 10px 10px 10px 20px; margin: 0; float: left }
.spkT .vidS p b { display: inline-block; color: #14634a; font-size: 18px; line-height: 20px; margin-top: 5px; padding: 8px 30px 9px 0; background: url(../style/vidPlayIco_03.png)right center no-repeat }
.spkT .vidS p span { display: block; color: #555; padding-top: 8px; line-height: 24px; color: #555; font-size: 12px }
.spkT .vidS .vidPic div { background: #000; opacity: .5; width: 180px; height: 130px; position: absolute; left: 0; top: 0; z-index: 9; filter: alpha(opacity=50); display: none }
.spkT .vidS .vidPic span { width: 180px; height: 130px; position: absolute; left: 0; top: 0; z-index: 99; background: url(../style/vidPlayIco_04.png) center center no-repeat; display: none }
.vidList { padding-top: 40px; border-top: solid 1px #e6e6e6; width: 1186px; overflow: hidden }
.vidList li { float: left; width: 250px; margin: 0 46px 45px 0 }
.vidList li img { width: 250px; height: 180px }
.vidList .vidPic { width: 250px; height: 180px; position: relative }
.vidList p { width: 230px; height: 110px; background: #f7f7f7; padding: 10px; margin: 0 }
.vidList p b { display: inline-block; color: #14634a; font-size: 18px; line-height: 20px; margin-top: 5px; padding: 4px 30px 5px 0; background: url(../style/vidPlayIco_03.png)right center no-repeat }
.vidList p span { display: block; color: #555; padding-top: 8px; line-height: 24px; color: #555; font-size: 12px }
.vidList .vidPic div { background: #000; opacity: .5; width: 250px; height: 180px; position: absolute; left: 0; top: 0; z-index: 9; filter: alpha(opacity=50); display: none }
.vidList .vidPic span { width: 250px; height: 180px; position: absolute; left: 0; top: 0; z-index: 99; background: url(../style/vidPlayIco_02.png) center center no-repeat; display: none }
.spkT a:hover .vidPic div, .spkT a:hover .vidPic span, .vidList a:hover .vidPic div, .vidList a:hover .vidPic span { display: block }
.vidPlay { width: 600px; height: 600px; position: fixed; background: #fff; padding: 10px; left: 50%; top: 50%; margin-left: -310px; margin-top: -310px; z-index: 9999; display: none }
.vidClose { position: relative; left: 610px; top: -10px; cursor: pointer }
.vidBg { width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 999; display: none }
.vidBox { position: absolute; z-index: 9999; top: 10px; background: #000; width: 600px; height: 600px }
.vidBox2{ width: 600px; height: 450px;  margin:20px auto;}
.vidBoxPlay { border: none }
.gywmMenu { border-top: solid 1px #e6e6e6; padding: 30px 0 }
.gywmMenu dt { font-weight: bold; font-size: 18px; color: #14634a; float: left; line-height: 36px; height: 20px }
.gywmMenu dd { display: table; line-height: 20px; height: 36px }
.gywmMenu dd a { margin: 0 20px 0 10px; line-height: 36px; display: inline-block }
.gywmMenu dd a:hover, .gywmMenu .on { color: #14634a }
.gywmMenu .on { font-weight: bold }
.gywmBox_03 { overflow: hidden }
.gywmBox_03 p { color: #333; line-height: 30px; width: 530px; float: left; padding-top: 30px }
.gywmVid { float: right; background: url(../style/gywmVidBg.jpg); width: 536px; height: 304px; padding: 26px 0 0 32px }
.gywmBox_04 { color: #333; line-height: 26px; padding-top: 20px; padding-bottom: 20px }
.jszBg { background: url(../style/jszBg.jpg) center top no-repeat; height: 706px; width: 100% }
.dsj span { width: 130px; background: url(../style/dsjTime.png) right center no-repeat; display: inline-block; height: 30px; line-height: 30px; font-size: 24px; color: #fff }
.dsj i { width: 80px; background: url(../style/dsjIco.png) right center no-repeat; display: inline-block; font-style: normal }
.dsj ul, .dsj li { margin: 0; padding: 0; list-style: none; color: #fff }
.dsj ul { padding: 15px 0; margin-left: 100px; background: url(../style/dsjLine.png) left top repeat-y }
.dsj li { line-height: 40px; background: url(../style/dsjIco_02.png) 9px 15px no-repeat; padding-left: 35px; font-size: 14px }
.dsj_02 { padding-top: 30px }
.dsj_02 span { background: url(../style/dsjTime.jpg) right center no-repeat; color: #14634a }
.dsj_02 i { background: url(../style/dsjIco.jpg) right center no-repeat }
.dsj_02 li { background: url(../style/dsjIco_02.jpg) 9px 15px no-repeat; color: #333 }
.dsjBox { padding-top: 100px }
#boxscroll { width: 790px; height: 530px; margin: 0 auto }
#contentscroll { width: 770px }
.nicescroll-rails { opacity: .8 !important; background: url(../style/dsjLine.png) -11px top repeat-y }
.nicescroll-cursors { border: none !important; background: #fff !important }
.zzryBox { overflow: hidden; width: 1173px }
.zzryBox li { float: left; margin-right: 33px; margin-bottom: 33px }
.zzryBox img { border: solid 1px #ddd }
.zzryBox li p { font-size: 12px; text-align: center; line-height: 30px }
.lrgcBox { overflow: hidden; width: 1160px; margin: 20px 0 20px 0 }
.lrgcBox li { float: left; margin-right: 20px; position: relative; margin-bottom: 20px }
.lrgcBox li img { width: 270px; height: 180px; display: block }
.lrgcBox span { background: #000; opacity: .5; filter: alpha(opacity=50); position: absolute; z-index: 99; bottom: 0; left: 0; height: 40px; width: 100% }
.lrgcBox p { line-height: 40px; margin: 0; padding: 0; height: 40px; position: absolute; z-index: 999; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff }
.jobList { border-top: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; margin-top: 20px; margin-bottom: 40px }
.jobList td { padding: 10px; font-size: 12px; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6 }
.jobList p { line-height: 24px; margin: 0 0 10px 0; padding: 0 }
.jobList thead { background: #8a8a8a; color: #fff }
.jobList b { color: #14634a }
.jobList a { color: #c82126 }
.jobList a:hover { text-decoration: underline }
.subMenuBox { display: inline-block; position: relative }
.subMenu { position: absolute; z-index: 99; left: -31px; display: none }
.subMenu img { display: block }
.subMenuList { background: url(../style/subMenuBg.png) center top repeat-y; width: 140px }
.gywmMenu dd .subMenuList a { width: 127px; margin: 0 0 0 7px; display: block; text-align: center; border-bottom: solid 1px #dedede }
.gywmMenu dd .subMenuList a:hover, .gywmMenu dd .subMenuList a.on { background: #f3f5fa; font-weight: normal }
.newsT { width: 100%; overflow: hidden; margin-top: 20px }
.newsT dt { float: left }
.newsT dt img { padding-right: 20px }
.newsT dd { display: table }
.newsT a.newsTit { font-size: 22px; color: #14634a; line-height: 30px }
.newsT a.newsTit:hover { text-decoration: underline }
.newsT span.time { display: block; color: #888; padding: 8px 0; background: url(../style/newsLine.jpg) left bottom repeat-x }
.newsT p { margin: 0; padding: 14px 0 0 0; line-height: 22px; font-size: 12px; color: #333 }
.newsT .newsMore { margin-top: 15px; width: 100px; height: 32px; line-height: 32px; display: block; background: #14634a; color: #FFF; text-align: center; font-size: 12px }
.newsListTit { width: 100%; border-bottom: solid 1px #e2e2e2; margin-top: 20px; height: 50px }
.newsListTit span { padding-left: 30px; font-size: 18px; color: #14634a; display: inline-block; background: url(../style/newsIco.jpg) left center no-repeat; line-height: 50px; border-bottom: solid 2px #14634a }
.newsList { width: 100%; overflow: hidden; margin-bottom: 40px }
.newsList li { width: 100%; float: left; background: url(../style/newsLine.jpg) left bottom repeat-x; line-height: 30px; padding: 15px 0 }
.newsList a { float: left; background: url(../style/newsLineIco.jpg) left center no-repeat; padding-left: 20px }
.newsList span { float: right; color: #888 }
.newsLine { margin-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #eee }
.title { text-align: center; font-size: 24px; font-weight: bold; color: #14634a; margin: 20px 0 }
.newsTime { width: 100%; text-align: center; color: #666; display: block; padding-bottom: 30px; background: url(../style/newsLine.jpg) left bottom repeat-x }
.article { padding: 40px 0; line-height: 26px }
.infoBtn { padding: 50px 0 0 0; text-align: center }
.infoBtn a { font-size: 12px; margin-left: 5px; display: inline-block; padding: 5px 20px; background: #aaa; color: #000; line-height: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.infoBtn a:hover, .infoBtn a.on { background: #a20303; color: #fff }
.mapBox { padding-top: 20px }
.mapTit { font-size: 16px; color: #14634a; padding: 20px 0; display: block; border-bottom: solid 1px #e6e6e6; font-weight: bold }
.mapTit small { font-weight: normal; font-size: 16px }
.mapBox>div { padding: 10px 0 40px 0 }
.mapBox div span { width: 470px; display: inline-block; line-height: 24px; font-size: 12px; color: #555 }
.mapBox b { color: #c82126; font-size: 14px }
.messTable { line-height: 34px }
.messTable span { display: inline-block; padding-right: 5px; color: #c82126 }
.messTable td { padding: 5px }
.inputTxt_01 { line-height: 22px; padding: 5px; margin: 0; border: solid 1px #ccc; width: 300px }
.inputTxt_02 { line-height: 22px; padding: 5px; margin: 0; border: solid 1px #ccc; width: 300px }
.inputTxt_03 { line-height: 22px; padding: 5px; margin: 0; border: solid 1px #ccc; width: 300px; height: 85px; max-height: 85px; min-width: 85px; max-width: 300px; min-width: 300px }
.inputTxt_04 { line-height: 22px; padding: 5px; margin: 0; border: solid 1px #ccc; width: 140px }
.messTable div { display: inline-block; margin-left: 15px }
.imgM ul { width: 1200px }
.imgM .proList li img { width: 276px; height: 98px }
.imgM .proList li { width: 540px; margin-right: 30px }
.slPic { position: relative }
.slPic i { width: 20px; height: 30px; display: block; background: url(../style/sz.png); position: absolute }
.floatR { float: right; margin-top: -10px }
.floatR .zxlyxjBtn { margin-top: 0 }
.cpsmTit_02 { display: block; color: #14634a; font-size: 16px; margin-bottom: 10px; line-height: 40px; border-bottom: solid 1px #ddd }
.slPic .sz0 { left: 964px; top: 182px }
.slPic .sz1 { left: 943px; top: 182px }
.slPic .sz2 { left: 922px; top: 182px }
.slPic .sz3 { left: 901px; top: 182px }
.slPic .sz4 { left: 761px; top: 182px }
.slPic .sz5 { left: 740px; top: 182px }
.slPic .sz6 { left: 719px; top: 182px }
.slPic .sz7 { left: 611px; top: 182px }
.slPic .sz8 { left: 590px; top: 182px }
.slPic .sz9 { left: 569px; top: 182px }
.slPic .sz10 { left: 548px; top: 182px }
.slPic .sz11 { left: 527px; top: 182px }
.slPic .sz12 { left: 506px; top: 182px }
.slPic .sz13 { left: 396px; top: 182px }
.slPic .sz14 { left: 375px; top: 182px }
.slPic .sz15 { left: 354px; top: 182px }
.slPic .sz16 { left: 333px; top: 182px }
.slPic .sz17 { left: 207px; top: 182px }
.slPic .sz18 { left: 186px; top: 182px }
.slPic .sz19 { left: 165px; top: 182px }
.scrollBg_01 { -webkit-animation: scrollBg .1s linear infinite; -ms-animation: scrollBg .1s linear infinite; animation: scrollBg .1s linear infinite }
.scrollBg_02 { -webkit-animation: scrollBg .15s linear infinite; -ms-animation: scrollBg .15s linear infinite; animation: scrollBg .15s linear infinite }
.scrollBg_03 { -webkit-animation: scrollBg .2s linear infinite; -ms-animation: scrollBg .2s linear infinite; animation: scrollBg .2s linear infinite }
.scrollBg_04 { -webkit-animation: scrollBg .25s linear infinite; -ms-animation: scrollBg .25s linear infinite; animation: scrollBg .25s linear infinite }
.scrollBg_05 { -webkit-animation: scrollBg .3s linear infinite; -ms-animation: scrollBg .3s linear infinite; animation: scrollBg .3s linear infinite }
.scrollBg_06 { -webkit-animation: scrollBg .38s linear infinite; -ms-animation: scrollBg .38s linear infinite; animation: scrollBg .38s linear infinite }
@-webkit-keyframes scrollBg { 0% {
background-position:0 0
}
100% {
background-position:0 -300px
}
}
@keyframes scrollBg { 0% {
background-position:0 0
}
100% {
background-position:0 -300px
}
}
.zpList_02 { border-top: solid 1px #14634a; border-left: solid 1px #14634a }
.zpList_02 td { border-right: solid 1px #14634a; border-bottom: solid 1px #14634a; color: #555; font-weight: bold; background: #fff; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; padding: 12px 15px }
.ypBtn { margin: 0 auto; display: block; width: 120px; height: 35px; line-height: 35px; background: #0051a4; text-align: center; color: #fff; font-size: 14px; margin-top: 20px; margin-bottom: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.ypBtn:hover { color: #fff; background: #14634a }
.zpText_01 { width: 160px; padding: 0; margin: 0; border: none; outline: none }
.zpText_02 { width: 100%; height: 100px; padding: 0; margin: 0; border: none; outline: none; min-width: 100%; max-width: 100%; min-height: 100px; max-height: 100px }
.zpText_03 { width: 100%; padding: 0; margin: 0; border: none; outline: none }
.zpList_02 td.minH { padding-top: 0; padding-bottom: 0 }
.zpBtnBox { width: 260px; margin: 0 auto; margin-top: 20px; overflow: hidden }
.zpBtnBox .tjBtn { border: none; float: left; width: 120px; height: 35px; line-height: 32px; background: #0051a4; text-align: center; color: #fff; font-size: 16px; margin-top: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.zpBtnBox .czBtn { border: none; float: right; width: 120px; height: 35px; line-height: 32px; background: #56626f; text-align: center; color: #fff; font-size: 16px; margin-top: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.zpBtnBox .tjBtn:hover, .zpBtnBox .czBtn:hover { color: #fff; background: #14634a }
.pfBox { position: fixed; right: 0; top: 50%; margin-top: -144px; opacity: .9 }
.pfBg { background: #4c4c4c; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 50px; padding: 5px 0; transition: .2s; position: relative; right: 0; z-index: 999 }
.pfBox .hide { right: -50px }
.pfBg span { margin: 10px; display: block; cursor: pointer }
.pfClose { padding: 12px }
.pfClose span { cursor: pointer; display: block; transition: .2s }
.pfClose span.on { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) }
.pfBg p a { display: block; width: 100px; margin-top: 10px; height: 38px; line-height: 38px; border: solid 1px #fff; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center }
.pfBg p a:hover { background: #14634a; border: solid 1px #14634a }
.pfBg p { position: absolute; width: 130px; height: 130px; right: -150px; transition: .5s; background: #4c4c4c; color: #fff; line-height: 30px; font-size: 16px; padding: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; top: 30px; z-index: -99 }
.pfBg p.show { right: 50px }
.fgs-content-box { overflow: hidden }
.fgs-hr { margin: 40px 0; border: none; border-top: solid 1px #e6e6e6 }
.fgs-tit { text-align: center; color: #14634a; font-size: 32px; font-weight: bold; margin-bottom: 40px }
.fgs-text { font-size: 14px; line-height: 28px; color: #333; margin-bottom: 30px }
.fgs-tit-02 { overflow: hidden; position: relative; text-align: center; height: 30px; width: 100%; margin-bottom: 50px }
.fgs-tit-02 span { display: inline-block; padding: 0 30px; background: #fff; height: 30px; line-height: 30px; background: #fff; font-size: 20px; color: #333; font-weight: bold }
.fgs-tit-02 hr { margin: 15px 0; position: absolute; top: 0; width: 100%; border: none; border-top: solid 1px #e6e6e6; z-index: -1 }
.fgs-fw-list { overflow: hidden; margin-bottom: 50px }
.fgs-fw-list li { width: 33.33%; float: left; padding-top: 110px; text-align: center; margin-left: -1px }
.fgs-fw-01 { background: url(../style/fgs-ico-01.jpg) center top no-repeat; border-right: solid 1px #e0e0e0 }
.fgs-fw-02 { background: url(../style/fgs-ico-02.jpg) center top no-repeat; border-right: solid 1px #e0e0e0 }
.fgs-fw-03 { background: url(../style/fgs-ico-03.jpg) center top no-repeat }
.fgs-fw-list h3 { display: block; margin-bottom: 20px; font-size: 20px; color: #333 }
.fgs-fw-list span { padding: 0 45px; display: block; color: #333; font-size: 12px; line-height: 24px }
.fgs-case { width: 1179px; margin-bottom: 30px }
.fgs-case ul li p { height: 70px }
.fgs-case ul li span b { font-weight: normal; line-height: 44px; padding-left: 20px; font-size: 12px; color: #888; background: url(../style/fgs-pf-ico.jpg) left center no-repeat }
.fgs-cont-box { overflow: hidden; margin-bottom: 40px }
.fgs-cont-l { float: left; width: 510px; color: #000; font-size: 16px; line-height: 45px }
.fgs-cont-l div { padding-left: 45px }
.fgs-cont-01 { background: url(../style/cont-ico-01.jpg) 5px center no-repeat }
.fgs-cont-02 { background: url(../style/cont-ico-02.jpg) 5px center no-repeat }
.fgs-cont-03 { background: url(../style/cont-ico-03.jpg) 5px center no-repeat }
.fgs-cont-04 { background: url(../style/cont-ico-04.jpg) 5px center no-repeat }
.fgs-cont-05 { background: url(../style/cont-ico-05.jpg) 5px center no-repeat }
.fgs-cont-06 { background: url(../style/cont-ico-06.jpg) 5px center no-repeat }
.fgs-cont-l span { color: #14634a; font-size: 24px; font-weight: bold }
.fgs-cont-r { float: left; border: solid 3px #eee }
.fgs-cont-r img { display: block }
.xgNewsList { width: 1140px; margin: 0 auto; padding: 20px 0; border-top: 1px solid #e6e6e6 }
.xgNewsList ul { width: 1160px; overflow: hidden }
.xgNewsList ul li { width: 30%; height: 40px; line-height: 40px; float: left; margin-right: 20px; background: url(../style/list-ico.gif) no-repeat left center; padding-left: 10px }
body:after { content: url(../style/close.png) url(../style/loading.gif) url(../style/prev.png) url(../style/next.png); display: none }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; display: none }
.lightbox { position: fixed; left: 0; top: 100px !important; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal }
.lightbox .lb-image { display: block; height: auto; max-width: inherit }
.lightbox a img { border: none }
.lb-outerContainer { position: relative; background-color: white; *zoom:1;
width: 250px; height: 250px; margin: 0 auto }
.lb-outerContainer:after { content: ""; display: table; clear: both }
.lb-container { padding: 10px }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0 }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../style/loading.gif) no-repeat }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 }
.lb-container>.nav { left: 0 }
.lb-nav a { outline: none; background-image: url('../<>') }
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../style/prev.png) left 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s }
.lb-nav a.lb-prev:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../style/next.png) right 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s }
.lb-nav a.lb-next:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom:1;
width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px }
.lb-dataContainer:after { content: ""; display: table; clear: both }
.lb-data { padding: 0 4px; color: #ccc }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 }
.lb-close { display: block; float: right; position: absolute; right: -45px; top: 0px; width: 45px; height: 45px; background: url(../images/close.jpg) top right no-repeat; text-align: right; outline: none }
.lb-close:hover { cursor: pointer }
.Box404 { width: 550px; overflow: hidden; margin: 0 auto; padding: 110px 0 150px 0; }
.Box404 .title404 { width: 422px; background: url(../style/404xnIco.jpg) no-repeat left center; height: 28px; padding-left: 30px; font-size: 20px; color: #214539; margin: 0 auto 25px auto; }
.Box404 .title404 strong { color: #555555; display: inline-block; padding-right: 10px; border-right: dotted 1px #666666; }
.Box404 .jump{color:#555555; text-align:center; line-height:50px;}
.Box404 .jump span{color:#c82126; text-align:center; text-decoration:underline;}
.Box404 .body404 { width: 422px; height: 213px; background: url(../style/404wz.jpg) no-repeat; margin: 0 auto 30px auto; }
.Box404 .bottom404 { width: 550px; margin: 0 auto; text-align: center; font-size: 14px; }
.Box404 .bottom404 a { font-size: 14px; s width:80px;
height: 26px; display: inline-block; background: #555555; color: #FFF; text-align: center; line-height: 26px; border-radius: 3px; padding: 0 10px; margin-left: 10px; }
.Box404 .bottom404 a:hover { background: #214539; }
.map_box{width:1000px;margin:10px auto 0px; padding: 50px 0;}
.map_box h2{height:60px;line-height:40px;text-indent:6px;font-size:24px;color:#214539;font-weight:bold;border-bottom:3px solid #EAE6E3; text-align:center;}
.map_box td{height:45px;line-height:45px;border-bottom:1px dotted #CFCECC;}
.map_box td a{color:#666666;}
.map_box td a:hover{color:#214539;}
.map_box td.list_tit{width:100px;text-align:center;background-color:#F8F7F5;font-weight:bold;}
.map_box td.list_con{padding-left:12px;}
.map_box td.list_con a{margin-right:10px;}.cx-box1 { height: 565px; width: 1141px; background-image: url(../style/chuangxin-2.jpg); border-bottom-width: 5px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.cx-box1 h2 { text-align: center; font-family: "微软雅黑"; line-height: 40px; padding-top: 10px; }
.cx-box1 p { text-align: center; line-height: 30px; font-family: "微软雅黑"; }
.cx-box2 { height: 250px; width: 1141px; background-image: url(../style/chuangxin-3.jpg); background-repeat: no-repeat; background-position: right; margin-top: 40px; }
.cx-box2 h2 { padding-top: 40px; padding-right: 50px; padding-bottom: 0px; padding-left: 120px; }
.cx-box2 p { width: 320px; padding-left: 50px; line-height: 25px; }
.cx-box3 { height: 470px; width: 1141px; background-image: url(../style/chuangxin-4.jpg); margin-top: 40px; }
.cx-box4 { width: 1141px; background-image: url(../style/chuangxin-5.jpg); background-repeat: no-repeat; background-position: left; height: 342px; border-bottom-width: 5px; border-bottom-style: dashed; border-bottom-color: #CCC; border-top-width: 5px; border-top-style: dashed; border-top-color: #CCC; margin-top: 40px; }
.cx-box4 h2 { float: right; padding-top: 40px; padding-right: 110px; }
.cx-box4 p { width: 280px; clear: right; float: right; padding-right: 50px; line-height: 25px; }
.cx-box5 { height: 300px; width: 1141px; background-image: url(../style/chuangxin-6.jpg); background-position: right; background-repeat: no-repeat; }
.cx-box5 h2 { padding-left: 110px; padding-top: 60px; }
.cx-box5 p { width: 250px; padding-left: 70px; line-height: 25px; }
.cx-box6 { height: 300px; width: 1141px; border-top-width: 5px; border-top-style: dashed; border-top-color: #CCC; background-image: url(../style/chuangxin-7.jpg); background-repeat: no-repeat; background-position: left; }
.cx-box6 p { float: right; width: 250px; padding-right: 50px; line-height: 25px; clear: right; }
.cx-box6 h2 { float: right; padding-top: 40px; padding-right: 110px; }
.cx-titie { height: 449px; width: 1141px; background-image: url(../style/chuangxin-1.jpg); }
